// less by 独木林空
@import 'theme/theme-default.less';

@nav_height: 32px;
@page_width: 1230px;
@page_small_width: 982px;
@rightsidebar_width: -15px;

.index-nav {
  height: @nav_height;
  width: 100%;
  color: @nav_font_color;
  line-height: @nav_height;
  @padding : 10px;

  .mui-global-iconfont {
    position: relative;
    color: @nav_hover_color;
    margin-right: 4px;
  }

  .sn-cart .mui-global-iconfont {
    top: -1px;
  }

  .sn-sitemap .mui-global-iconfont {
    margin-right: 3px;
  }

  a {
    color: @nav_font_color;
    text-decoration: none;
  }

  a span {
    color: #666;
    padding: 0 2px;
    font-weight: 700;
    font-family: Arial;
  }

  a:hover,
  a:hover span {
    color: @nav_hover_color;
  }

  .left {
    float: left;

    a {
      display: inline-block;
      padding-left: @padding;
      padding-right: @padding;
    }

    span {
      padding-right: @padding;
    }
  }

  .right {
    display: block;
    float: right;

    b {
      position: absolute;
      right: 7px;
      top: 15px;
      width: 0;
      height: 0;
      border-width: 3px;
      border-style: solid dashed dashed;
      border-color: #bbb transparent transparent;
      font-size: 0;
      line-height: 0;
    }

    li {
      position: relative;
    }

    .menu-hd {
      padding-right: @padding + 4;

      a {
        display: inline-block;
        height: 32px;
        cursor: pointer;
        z-index: 100001;
        border: solid #f2f2f2;
        border-width: 0 1px;
        position: relative;
      }
    }
  }

  .left a,
  .right li {
    display: inline-block;
    padding-left: @padding;
    padding-right: @padding;
  }

  .sn-separator {
    width: 0;
    height: 14px;
    line-height: 14px;
    vertical-align: top;
    position: relative;
    top: 9px;
    left: 0;
    font-size: 0;
    border-left: 1px solid #ccc;
    margin: 0 2px 0 5px;
    padding: 0 0px !important;
  }
}

.container {
  >div>div {
    position: relative;
    left: @rightsidebar_width;
    width: @page_width;
    margin: 0 auto;
  }

  div[nav] {
    height: @nav_height;
    background-color: @nav_bg_color;
    border-bottom: @nav_border_style;
  }
}

@media screen and (max-width:1230px) {
  .container>div>div {
    width: @page_small_width;
  }
}

.mui-mbar {
  position: fixed;
  top: 0px;
  right: 0px;
  background-color: #000000;
  height: 100%;
  width: 35px;
  color: #fff;
}